<template>
	<view>
		<div class="content-box">
			<!-- 状态栏高度 -->
			<view class="status_bar" :style="'height:' + statusBarHeight + 'px;'"></view>
		
			<image class="bgImg" src="/static/guoke/mine-bgColor.png"></image>
		
			<view class="title-box">
				<view class="lr-box">
					<!-- <image class="wh100" src="/static/guoke/l-jiantou.jpg"></image> -->
				</view>
				<view class="title">我的</view>
				<view class="lr-box"></view>
			</view>
			
			<view class="user-info-box">
				<view class="left"> <image class="wh100" src="/static/vx.png" mode="aspectFill"></image> </view>
				<view class="right">
					<view class="title">
						<text>王某人</text>
						<image src="/static/new/shezhi.png"></image>
					</view>
					<view class="info-box">
						<view class="img-box"> <image class="wh100" src="/static/guoke/wuliu.png" mode="heightFix"></image> </view>
						<view class="img-box"> <image class="wh100" src="/static/guoke/geren.png" mode="heightFix"></image> </view>
						<view class="img-box"> <image class="wh100" src="/static/guoke/zhizao.png" mode="heightFix"></image> </view>
						<view class="img-box"> <image class="wh100" src="/static/guoke/jinxiao.png" mode="heightFix"></image> </view>
						<view class="img-box"> <image class="wh100" src="/static/guoke/zhuanxian.png" mode="heightFix"></image> </view>
					</view>
				</view>
			</view>
		</div>
		<view class="mymone">
			<view class="wdqb">
				<view class="title_mymone">我的钱包</view>
				<view class="yuemone">
					<view class="litbs">
						<view style="width: 100%;height: 80rpx;float: left;line-height: 80rpx;color: #0594fb;">￥300</view>
						<view style="width: 100%;height: 80rpx;float: left;line-height: 40rpx;">余额</view>
					</view>
					<view style="width: 2rpx; height: 40rpx; float: left;margin-top: 50rpx;background: #ccc;"></view>
					<view class="litbs">
						<view style="width: 100%;height: 80rpx;float: left;line-height: 80rpx;color: #0594fb;">2</view>
						<view style="width: 100%;height: 80rpx;float: left;line-height: 40rpx;">优惠卷</view>
					</view>
					<view style="width: 2rpx; height: 40rpx; float: left;margin-top: 50rpx;background: #ccc;"></view>
					<view class="litbs">
						<view style="width: 100%;height: 80rpx;float: left;line-height: 80rpx;color:">3000</view>
						<view style="width: 100%;height: 80rpx;float: left;line-height: 40rpx;">信息发布次数</view>
					</view>
					
				</view>
			</view>
		</view>
	<!-- 	<my-custom bgColor="bgEEF2FD">
			<view slot="content">
				<view class="dsf alc jcc h100b col333 fwb">个人中心</view>
			</view>
			<view slot="left">
				<view class="pl24 setting-icon">
					<image mode class="w39 h36 mr28" src="/static/new/pinglun-2.png"></image>
					<image mode class="w38 h36" src="/static/new/shezhi.png"></image>
				</view>
			</view>
		</my-custom> -->
		<!-- <view class="pt24 pl24 pr24 dsf alc" v-if="userInfo">
			<u-avatar size="60" :src="userInfo.avatar"></u-avatar>
			<view class="pl18">
				<view class="dsf alc">
					<view class="pr15 fz34 col333 fwb">{{userInfo.nickname}}</view>
					<view class="pl20 pr20 h40 bdra5 dsf alc"
						style="background-image:linear-gradient(90deg, rgba(187, 191, 202, 1), rgba(136, 145, 160, 1));">
						<view class="pr8 fz18 colfff">普通用户</view>
						<u-icon name="arrow-right" size="16"></u-icon>
					</view>
				</view>
				<view class="dsf alc fz26 col666 pt18">完善个人资料，获取更优质服务</view>
			</view>
		</view>
		<view class="pt24 pl24 pr24 dsf alc" v-else>
			<image class="w120 h120 bdra50b" src="/static/new/touxiang.png"></image>
			<view class="pl18">
				<view class="dsf alc">
					<view class="pr15 fz34 col333 fwb denglu">立即登录</view>
				</view>
			</view>
		</view>
		<view class="pt24 pl35 pr35">
			<view class="pt35 pl24 pr24 dsf jcsb bsbox h160 bdra20"
				style="background-image:linear-gradient(90deg, rgba(255, 227, 185, 1), rgba(247, 197, 123, 1));">
				<view>
					<view class=" fz32 col88500E">{{platform+' 领券下单更优惠'}}</view>
				</view>
			</view>
		</view> -->
		 
		<!-- <jisuyun v-showimg="1"></jisuyun> -->
		<view class="pb24 pt24">
			<view class="bgfff pt24 pb24 bdra20 ">
				<view class="pl24 fz32 col333 fwb">常用服务</view>
				<view class="dsf">
					<view @click="$go('newaddress/path')" class="fg1 dsif alc jcc pt24 flex-column fz26 col333">
						<view class="w54 h50 dsf jcc">
							<image mode class="w50 h50" src="/static/new/bj-icon1.png"></image>
						</view>
						<view class="pt15">常用路线</view>
					</view>
					<view @click="$go('newaddress/book')" class="fg1 dsif alc jcc pt24 flex-column fz26 col333">
						<view class="w54 h50 dsf jcc">
							<image mode class="w45 h50" src="/static/new/bj-icon2.png"></image>
						</view>
						<view class="pt15">地址簿</view>
					</view>
					<view @click="$go('newdriver/collection')" class="fg1 dsif alc jcc pt24 flex-column fz26 col333">
						<view class="w54 h50 dsf jcc">
							<image mode class="w50 h50" src="/static/new/bj-icon3.png"></image>
						</view>
						<view class="pt15">收藏司机</view>
					</view>
					<view @click="$go('newmy/invoice/invoice')" class="fg1 dsif alc jcc pt24 flex-column fz26 col333">
						<view class="w54 h50 dsf jcc">
							<image mode class="w54 h50" src="/static/new/bj-icon4.png"></image>
						</view>
						<view class="pt15">发票管理</view>
					</view>
				</view>
			</view>
		</view>
		<view class="pb24">
			<view class="bgfff pt24 pb24 bdra20 ">
				<view class="pl24 fz32 col333 fwb">系统功能</view>
				<view class="dsf">
					<view @click="$go('newtruck/freight')" class="fg1 dsif alc jcc pt24 flex-column fz26 col333">
						<view class="w54 h50 dsf jcc">
							<image mode class="w44 h50" src="/static/new/bz-icon3.png"></image>
						</view>
						<view class="pt15">收费标准</view>
					</view>
					
					<view @click="$go('customerservice/index')" class="fg1 dsif alc jcc pt24 flex-column fz26 col333">
						<view class="w54 h50 dsf jcc">
							<image mode class="w38 h50" src="/static/new/bz-icon1.png"></image>
						</view>
						<view class="pt15">平台客服</view>
					</view>
					<!-- <view @click="$go('newmy/feedback/index')" class="fg1 dsif alc jcc pt24 flex-column fz26 col333">
						<view class="w54 h50 dsf jcc">
							<image mode class="w50 h50" src="/static/new/bz-icon2.png"></image>
						</view>
						<view class="pt15">意见反馈</view>
					</view> -->
					
					<!-- <view @click="$go('customerservice/system/notice')" class="fg1 dsif alc jcc pt24 flex-column fz26 col333">
						<view class="w54 h50 dsf jcc">
							<image mode class="w44 h50" src="/static/new/bz-icon4.png"></image>
						</view>
						<view class="pt15">系统消息</view>
					</view> -->
				</view>
				<!-- <view class="dsf">
					<view class="w25b dsif alc jcc pt24 flex-column fz26 col333">
						<view class="w54 h50 dsf jcc">
							<button hoverClass="none" openType="contact" type="default ">
								<image mode class="w44 h50" src="/static/new/bz-icon4.png"></image>
							</button>
						</view>
						<button hoverClass="none" openType="contact" type="default ">
							<view class="pt15 fz26">客服中心</view>
						</button>
					</view>
				</view> -->
			</view>
		</view>
		 
		<!-- <st-tabbar :tabbar="tabbar"></st-tabbar> -->
	</view>

</template>

<script>
	export default {
		data() {
			return {
				tabbar: {
					current: 3
				},
				status: 1,
				userInfo: {},
				platform: 1
			}
		},
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.bgImg {
		width: 100%;
		height: 440rpx;
		position: absolute;
		top: 0;
		left: 0
	}
	
	.title-box {
		width: 100%;
		height: 140rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	
		.lr-box {
			width: 100rpx;
			height: 100%;
			display: flex;
			align-items: center;
	
			image {
				width: 52rpx;
				height: 52rpx;
			}
		}
		
		.title{
			font-size: 36rpx;
			font-weight: 500;
			color: #333333;
		}
	}
	
	.user-info-box{
		width:100%;
		height:300rpx;
		padding:0 30rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 10;
		.left{
			width:152rpx;
			height:152rpx;
			margin-top:-60rpx;
		}
		.right{
			width:538rpx;
			height:100%;
			padding:0 28rpx;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			justify-content: center;
			.title{
				font-size: 36rpx;
				font-weight: 500;
				color: #333333;
				display: flex;
				justify-content: space-between;
				image{
					width:48rpx;
					height:48rpx;
				}
			}
			
			.info-box{
				display: flex;
				flex-wrap: wrap;
				.img-box{
					height:44rpx;
					margin-right: 32rpx;
					margin-top:20rpx;
				}
			}
		}
	}
	page {
		background-color: #eef2fd
	}

	.denglu {
		font-size: 39upx
	}

	.setting-icon {
		margin-right: 156upx
	}

	button::after {
		border: none
	}

	button {
		-webkit-tap-highlight-color: transparent;
		background-color: #fff;
		box-sizing: border-box;
		color: #000;
		display: block;
		height: 100%;
		line-height: 1.35;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		padding-left: 0;
		padding-right: 0;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 100%
	}
	.mymone{
		width: 100%;
		height: 220rpx;
		float: left;
		background: #fff;
		.wdqb{
			width: 90%;
			height: 100%;
			float: left;
			margin-left: 5%;
			.title_mymone{
				width: 100%;
				height: 50rpx;
				line-height: 50rpx;
				border-bottom: 1rpx solid #ccc;
				float: left;
			}
			.yuemone{
				width: 100%;
				height: 150rpx;
				float: left;
				
				.litbs{
					width:28%;
					height: 100%;
					float: left;
					margin-left: 4%;
				
				}
			}
		}
		
	}
</style>